.song_list_details{
   &_top{
    position: relative;
    padding: 70px 10px 40px 10px;
    border-radius:  0 0  10px 10px;
    .coverImg{
      position: relative;
      img{
         width:120px;
         height:120px;
         border-radius: 15px;
         box-shadow: inset 0 0 10px #fff;
         background-size: 100% 100%;
      }
      div{
         span{
            font-size: 10px;
            margin-right: 2px;
         }
         position: absolute;
         top: 5px;
         right: 5px;
         font-size: 10px;
         padding: 1px 8px;
         border-radius: 8px;
         background: rgba($color: #000000, $alpha: 0.3);
         color: #ddd;
      }
    }
    &_content{
      width: 100%;
      margin-left: 10px;
      padding: 5px 0;
      color: #fff;
      .avatar{
         position: relative;
         margin-right: 10px;
         img:nth-child(1){
            width: 25px;
            height: 25px;
            border-radius: 50%;
         }
         img:nth-child(2){
            width: 13px;
            height: 13px;
            border-radius: 50%;
            position: absolute;
            bottom: 2.5px;
            right: -5px;
         }
      }
      .nickname{
         font-size: 14px;
         color: #ddd;
      }
      .update_time{
         font-size: 13px;
      }
      .description{
         color: #ddd;
         font-size: 14px;
      }
      
    }
    .cell{
      display: flex;
      position: absolute;
      bottom: -25px;
      left: 50%;
      transform: translateX(-50%);
      width:max-content;
      height: 50px;
      line-height: 50px;
      padding: 0 30px;
      border-radius: 30px;
      box-shadow: inset 0 0 10px #fff;
      background-color: #fff;
      border: solid 1px #eee;
      div:nth-child(-n+2){
         &::after{
            content: '|';
            font-size: 20px;
            color: #ddd;
         }
      }
      span{
         color: #000;
         font-size: 20px;
         padding: 0 8px;
      }
      span:nth-child(1){
         padding-left: 0;
      }
    }
    
   }
   &_main{
      margin-top: 25px;
      &_title{
         padding: 10px 30px;
         background: #fefefe;
         span:nth-child(1){
            font-size: 23px;
            color: red;
            margin-right: 10px;
         }
         span:last-child{
            margin-left: 5px;
            color: #666;
         }
      }
      &_list{
         padding: 0 15px;
         &_item{
            margin: 10px 0;
            span{
               width: 50px;
               text-align: center;
               font-size: 20px;
               color: #666;
               margin-right: 20px;
            }
            .song_name{
               div:nth-child(1){
                  color: #000;
                  font-size: 17px;
               }
               div:nth-child(2){
                  color: #666;
                  font-size: 14px;
               }
               
               
            }
            
         }
         &_item:nth-child(-n+3){
            span{
               color: red;
            }
         }
      }
      
   }
}